@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .flex-center {
    @apply flex justify-center items-center
  }
  .flex-x-center {
    @apply flex justify-center
  }
  .flex-x-between {
    @apply flex justify-between
  }
  .flex-xb-yc {
    @apply flex justify-between items-center
  }
  .flex-y-center {
    @apply flex items-center
  }
  .flex-y-top {
    @apply flex items-start
  }
  .flex-y-bottom {
    @apply flex items-end
  }
  .guat-card {
    @apply p-4 bg-bg-3 rounded-lg
  }
}